<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

		<meta name="viewport"
			  content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"/>
		<meta name="msapplication-tap-highlight" content="no"/>
		<title></title>
		<style type="text/css">
			*{
				padding:0;
				margin: 0;
			}
			html,body{
				height:100%;
				width:100%;
			}
			ul{
				max-width: 1200px;
				min-width: 375px;
				width: 80%;
				margin: 0 auto;
				padding: 50px 0;
			}
			li{
				padding: 15px ;
			}
			li:hover{
				background: #9dc1ff;
			}
			li a img{
				width: 100px;
				height: 85px;
			}
			li a{
				display: block;
				text-decoration: none;
			}
		</style>
	</head>
	<body>

		<ul>
			<li>
				<a href="./duck">
					<img src="./images/duck.png" alt="">
					射击鸭子
				</a>
			</li>
			<li>
				<a href="./plane">
					<img src="./images/plane_0.png" alt="">
					飞机大战
				</a>
			</li>
			<li>
				<a href="./donkey">
					<img src="./images/donkey.png" alt="">
					驴子跳跳
				</a>
			</li>
			<li>
				<a href="./paly_ball-test">
					<img src="./images/basketball.png" alt="">
					力挽狂澜
				</a>
			</li>
			<li>
				<a href="./bingdwendwen">
					<img src="./images/bingdundun.png" alt="">
					冰墩墩
				</a>
			</li>
		</ul>
	</body>
</html>
